<template>
  <div class="py-8">
    <div class="text-center mb-12">
      <h1 class="text-4xl font-noto font-bold text-accent mb-4">点点滴滴</h1>
      <p class="text-lg text-accent opacity-80">记录我们的美好回忆</p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
      <!-- 这里将添加动态内容 -->
      <div class="card">
        <div class="aspect-w-16 aspect-h-9 mb-4">
          <img src="https://via.placeholder.com/400x300" alt="回忆图片" class="rounded-lg object-cover w-full h-full">
        </div>
        <h3 class="text-xl font-noto font-bold text-accent mb-2">第一次约会</h3>
        <p class="text-accent opacity-80">2025年4月24日，我们第一次约会...</p>
      </div>
    </div>
  </div>
</template>

<script setup>
// 组件逻辑
</script> 